/**************** Body *********************/
*{margin:0;padding:0;}
body{background:#F1F1F1;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#222;}
.melding{padding:5px;border:1px solid #DDD;background:#F0F0F0;}
.error{color:red;}

/**************** Header *********************/
header{width:900px;height:90px;margin:auto;margin-top:20px;background:#444;padding:10px 0 0 20px;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;}
header h1{font-size:60px;}
header h1 a{color: #EEE;text-decoration:none;}
header h1 a:hover{color: #CCC;}

/*********** Content & Navigation ****************/
#container{width:950px;height:440px;margin:auto;}
#sidebar{width:160px;float:left}
h2{margin-bottom:10px}
nav{width:160px;height:80px;background:#666;margin:20px 0;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;}
nav .button{text-align:center;padding:27px 0;font-size:25px;color: #DDD;outline:none;}
#navigationmenu{width:160px;position:absolute;top:220px;background: #777;text-align: left;display:none;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}
#navigationmenu ul{list-style:none;}
#navigationmenu ul li, #navigationmenu ul li a{font-size:20px;color:#CCC;display:block;padding:3px 0 3px 5px;text-decoration:none;}
#navigationmenu ul li:hover, #navigationmenu ul li a:hover{color:#333;background:#888;cursor: pointer;}
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#social{width:150px;background:#F9F9F9;padding: 5px;margin:20px 0;position:absolute;top:450px;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;text-align:center;}

.contpaper{width: 750px;float:right;margin:0 auto;padding:22px 0 0 20px;overflow: hidden;}
.paper{width:745px;min-height:380px;float:left;background:#FFF;transform:rotate(-2deg);-moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);-o-transform:rotate(-2deg);z-index:2;-moz-box-shadow:0 0 10px #BBB;-webkit-box-shadow:0 0 10px #BBB;box-shadow:0 0 10px #BBB;border:1px solid #DDD;}
#content{width:705px;min-height:380px;background:#FFF;float:left;margin: 0px 0 20px -745px;padding:20px 20px 20px 20px;z-index:3;transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-box-shadow: 0 0 10px #BBB;-webkit-box-shadow:0 0 10px #BBB;box-shadow:0 0 10px #BBB;border:1px solid #DDD;}
#content p{padding-bottom:10px;}
section{padding:20px 0 20px 20px;}
#sechome .img_home{float:right;}
.img_home{width:400px;height:300px;margin-top:5px;}

/**************** Footer *********************/
footer{width:750px;height:15px;background:#FFF;border:1px solid #BBB;padding: 3px 5px 0 15px;margin:5px 0 0 -375px ;position:fixed;bottom:10px;left:50%;-moz-box-shadow: 0 0 5px #AAA;-webkit-box-shadow: 0 0 5px#AAA;box-shadow: 0 0 5px #AAA;font-size:11px;color:#444;
z-index:10;}
footer span, footer a{color:#777;text-decoration:underline;}
footer span:hover, footer a:hover{color:#999;text-decoration:none;cursor: pointer;}

/***************** Button ******************/
a.btn {
  width: 250px;
  padding: 7px 30px 7px 30px;
  font-family: Arial;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  background-color: #bbbbbb;
  text-shadow: -1px -1px 2px #969696;
  background: -moz-linear-gradient(#bbbbbb, #777777 75%, #4b4b4b);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bbbbbb),color-stop(.75, #777777),color-stop(1, #4b4b4b));
  border: 1px solid #606060;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

a.btn:hover {
  background-color: #aaaaaa;
  text-shadow: -1px -1px 2px #707070;
  background: -moz-linear-gradient(#aaaaaa, #666666 35%, #3b3b3b);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #aaaaaa),color-stop(.35, #666666),color-stop(1, #3b3b3b));
  border: 1px solid #404040;
}

/***************** Contact *******************/
input, textarea{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;background-color:#fff;border:1px solid #ccc;font-size:14px;width:300px;display:block;margin: 3px 0 4px;float:left;color:#333;}
textarea {min-height:75px;}
input:not(:focus), textarea:not(:focus) {opacity:0.5;}		
input:focus:invalid, textarea:focus:invalid {border: 1px solid red;}
input[type=submit]{width:200px;padding:5px;background:none;opacity:1.0;margin-top:10px; border: 1px solid #ccc}
input[type=submit]:focus{-webkit-box-shadow:0 0 15px #ccc;-moz-box-shadow:0 0 15px #ccc;box-shadow:0 0 15px #ccc;}
#contactform p{clear: both;}
label{float:left;width:80px;padding:2px 10px 0;}
label.error {float: left;color: red;width:250px;padding-left:15px;}
.error{color: red;}